<!doctype html> 
<html> 
<head> 
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="author" content="chengyu"> 
    <title></title>
    <link href="css/defalut.css" rel="stylesheet">
    <link href="css/globle.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <script src="js/jquery-3.0.0.js"></script>
    <script src="js/jquery.cookie.js"></script>
	<script src="js/index.js"></script>
</head>
<style>

</style>
<body>
	<!-- 遮罩层 -->
	<div class="main-mask">
		<div class="reg_page page">
			<div class="reg-title">
				<img src="images/nav-logo.png">
				<a class="close" href="javascript:;"></a>
			</div>
			<div class="reg-content">
				<div class="rc-left">
					<fieldset>
						<legend>&#x3000站内注册&#x3000</legend>
					</fieldset>
					<form id="registerForm">
						<input type="text" name='name' placeholder="手机或邮箱"> <br>
						<input type="password" name='password' placeholder="密码必须包含数字和字母，至少8位"><br>
						<input type="password" name='password1' placeholder="确认密码"><br>
						<div class="agree"><input type="checkbox" required="">同意《注册须知》《版权声明》</div> 
						<a class="submit"  href="javascript:;">注册</a><br>
					</form>
					<div class="forget">
						<a href="">忘记密码？</a>
						<a href="">立即登录</a>
						<span>已有账号？</span>
					</div>

				</div>

				<div class="rc-right">
					<fieldset>
						<legend>&#x3000第三方登录&#x3000</legend>
					</fieldset>
					<div class="qq"></div>
					<div class="ot">
						<div class="weixin"></div>
						<div class="weibo"></div>
					</div>
				</div>
			</div>
		</div>
		<div class="log_page page">
            <div class="log-title">
                <img src="images/nav-logo.png">
                <a class="close" href="javascript:;"></a>
            </div>
            <div class="log-content">
                <div class="lc-left">
                    <fieldset>
                        <legend>&#x3000站内登录&#x3000</legend>
                    </fieldset>
                    <form id="loginForm">
                        <input id='logname' type="text" name='name' placeholder="手机/邮箱/用户名/企业名"> <br>
                        <input id='logpas' type="password" name='password' placeholder="密码必须包含数字和字母，至少8位"><br>
                        <a class="submit" href="javascript:;">登录</a><br>
                    </form>
                    <div class="forget">
                        <a href="javascript:;">忘记密码？</a>
                        <a href="">立即注册</a>
                        <span>没有账号？</span>
                    </div>

                </div>

                <div class="lc-right">
                    <fieldset>
                        <legend>&#x3000第三方登录&#x3000</legend>
                    </fieldset>
                    <div class="qq"></div>
                    <div class="ot">
                        <div class="weixin"></div>
                        <div class="weibo"></div>
                    </div>
                </div>
            </div>
        </div>
	</div>
    <!-- 头部导航 -->
     <div class="header clear">
     	<div class="container"> 
		 <div class="h_logo"><a href=""><img src="images/nav-logo.png"></a></div>
		 <div class="nav-top">
		 	<ul class="nav">
		 		<li><a href="">背景墙</a></li>
		 		<li><a href="">平面|广告设计</a></li>
		 		<li><a href="">PPT模板</a></li>
		 		<li><a href="">全部分类</a></li>
		 		<li><a href="">VIP素材</a></li>
		 	</ul>
		 	<div class="intro-down">
		 	 <div class="d_tap">
		 	 	<div class="sanjiao"></div>
		 	 	<div class="title"><a href="">背景墙|装饰画</a> <span>899615</span> 张</div>
		 	 	<div class="content">
		 	 		<ul class="">
		 	 			<li><a href="">电视背景墙</a></li>
		 	 			<li><a href="">无框画</a></li>
		 	 			<li><a href="">油画</a></li>
		 	 			<li><a href="">工装背景墙</a></li>
		 	 			<li><a href="">吊顶|天顶壁画</a></li>
		 	 			<li><a href="">毛笔书法</a></li>
		 	 			<li><a href="">书法</a></li>
		 	 		</ul>
		 	 		<ul class="">
		 	 			<li><a href="">电视背景墙</a></li>
		 	 			<li><a href="">无框画</a></li>
		 	 			<li><a href="">油画</a></li>
		 	 			<li><a href="">工装背景墙</a></li>
		 	 			<li><a href="">吊顶|天顶壁画</a></li>
		 	 			<li><a href="">毛笔书法</a></li>
		 	 			<li><a href="">书法</a></li>
		 	 		</ul>
		 	 		<ul class="">
		 	 			<li><a href="">电视背景墙</a></li>
		 	 			<li><a href="">无框画</a></li>
		 	 			<li><a href="">油画</a></li>
		 	 			<li><a href="">工装背景墙</a></li>
		 	 			<li><a href="">吊顶|天顶壁画</a></li>
		 	 			<li><a href="">毛笔书法</a></li>
		 	 			<li><a href="">书法</a></li>
		 	 		</ul>
		 	 	</div>
		 	 </div>
		 	 <div class="d_tap">
		 	 	<div class="sanjiao"></div>
		 	 	<div class="title"><a href="">平面|广告设计</a> <span>899615</span> 张</div>
		 	 	<div class="content">
		 	 		<ul class="">
		 	 			<li><a href="">电视背景墙</a></li>
		 	 			<li><a href="">无框画</a></li>
		 	 			<li><a href="">油画</a></li>
		 	 			<li><a href="">工装背景墙</a></li>
		 	 			<li><a href="">吊顶|天顶壁画</a></li>
		 	 			<li><a href="">毛笔书法</a></li>
		 	 			<li><a href="">书法</a></li>
		 	 		</ul>
		 	 		<ul class="">
		 	 			<li><a href="">电视背景墙</a></li>
		 	 			<li><a href="">无框画</a></li>
		 	 			<li><a href="">油画</a></li>
		 	 			<li><a href="">工装背景墙</a></li>
		 	 			<li><a href="">吊顶|天顶壁画</a></li>
		 	 			<li><a href="">毛笔书法</a></li>
		 	 			<li><a href="">书法</a></li>
		 	 		</ul>
		 	 		<ul class="">
		 	 			<li><a href="">电视背景墙</a></li>
		 	 			<li><a href="">无框画</a></li>
		 	 			<li><a href="">油画</a></li>
		 	 			<li><a href="">工装背景墙</a></li>
		 	 			<li><a href="">吊顶|天顶壁画</a></li>
		 	 			<li><a href="">毛笔书法</a></li>
		 	 			<li><a href="">书法</a></li>
		 	 		</ul>
		 	 	</div>
		 	 </div>
		 	 <div class="d_tap">
		 	 	<div class="sanjiao"></div>
		 	 	<div class="title"><a href="">PPT模板</a> <span>899615</span> 张</div>
		 	 	<div class="content">
		 	 		<ul class="">
		 	 			<li><a href="">电视背景墙</a></li>
		 	 			<li><a href="">无框画</a></li>
		 	 			<li><a href="">油画</a></li>
		 	 			<li><a href="">工装背景墙</a></li>
		 	 			<li><a href="">吊顶|天顶壁画</a></li>
		 	 			<li><a href="">毛笔书法</a></li>
		 	 			<li><a href="">书法</a></li>
		 	 		</ul>
		 	 		<ul class="">
		 	 			<li><a href="">电视背景墙</a></li>
		 	 			<li><a href="">无框画</a></li>
		 	 			<li><a href="">油画</a></li>
		 	 			<li><a href="">工装背景墙</a></li>
		 	 			<li><a href="">吊顶|天顶壁画</a></li>
		 	 			<li><a href="">毛笔书法</a></li>
		 	 			<li><a href="">书法</a></li>
		 	 		</ul>
		 	 		<ul class="">
		 	 			<li><a href="">电视背景墙</a></li>
		 	 			<li><a href="">无框画</a></li>
		 	 			<li><a href="">油画</a></li>
		 	 			<li><a href="">工装背景墙</a></li>
		 	 			<li><a href="">吊顶|天顶壁画</a></li>
		 	 			<li><a href="">毛笔书法</a></li>
		 	 			<li><a href="">书法</a></li>
		 	 		</ul>
		 	 	</div>
		 	 </div>
		    </div>
		 </div>
		 
		 <div class="user">
		   <div class="nologin">
		   	<a href="javascript:;" class="login">登录</a>|
		 	<a href="javascript:;" class="reg">注册</a>
		   </div>
		   <div class="logined">
		   	<a href="javascript:;" class="username">登录</a>|
		 	<a href="javascript:;" class="userout">退出</a>
		   </div>
		 </div>
		 <div class="newshop"><a href=""><i></i>开店赚钱</a></div>
     	</div>
     </div>
     <!-- banner轮播 -->
    <div class="banner">
    	<div class="box">
    		<div class="wrap">
	    		<img src="images/banner1.jpg">
	    		<img src="images/banner2.jpg">
	    		<img src="images/banner3.jpg">
	    		<img src="images/banner4.jpg">
	    		<img src="images/banner5.jpg">
    		</div>
    		<div class="point">
    			<ul>
    				<li class="active"></li>
    				<li></li>
    				<li></li>
    				<li></li>
    				<li></li>
    			</ul>
    		</div>
    		<div class="pre"></div>
    		<div class="next"></div>
    	</div>
    </div>
    <!-- 中间分隔 -->
    <div class="middle">
    	<div class="container">
    		<div class="m_left">
    			<div class="vip">我图会员数：<span>19,695,028</span> 人</div>
    			<div class="works">作品总数：<span>3,692,949</span> 张</div>
    		</div>
    		<div class="m_right">
    			<div class="m_tip">
    				<span class="icon"></span>&#x3000原创可商用
    			</div>
    			<div class="m_tip">
    				<span class="icon"></span>&#x3000海量更新 
    			</div>
    			<div class="m_tip">
    				<span class="icon"></span>&#x3000高速下载
    			</div>
    			<div class="m_tip">
    				<span class="icon"></span>&#x3000完美售后
    			</div>
    		</div>
    	</div>
    </div>
    <!-- content主要内容 -->
    <div class="maincontent">
    	<div class="container">
    		<div class="kinds clear">
    			<a class="" href="">
    				<i></i>
    				<span>背景墙</span>
    			</a>
    			<a class="" href="">
    				<i></i>
    				<span>平面|广告设计</span>
    			</a>
    			<a class="" href="">
    				<i></i>
    				<span>PPT模板</span>
    			</a>
    			<a class="" href="">
    				<i></i>
    				<span>淘宝设计</span>
    			</a>
    			<a class="" href="">
    				<i></i>
    				<span>视频素材</span>
    			</a>
    			<a class="" href="">
    				<i></i>
    				<span>更多分类</span>
    			</a>
    		</div>
    		<section class="recommend">
    			<div class="pro_title">
    				<i></i>&#x3000精选专题推荐
    			</div>
    			<div class="pro_content clear">
    				<div class="pro_item">
    					<img src="images/pro-item (4).jpg">
    					<a class="mask" href='javascript:;'>
    						<div class="cap">2017年鸡年素材</div>
    						<div class="look" href="">点击查看></div>
    					</a>
    				</div>
    				<div class="pro_item">
    					<img src="images/pro-item (7).jpg">
    					<a class="mask" href='javascript:;'>
    						<div class="cap">珠宝背景墙</div>
    						<div class="look" href="">点击查看></div>
    					</a>
    				</div>
    				<div class="pro_item">
    					<img src="images/pro-item (2).jpg">
    					<a class="mask" href='javascript:;'>
    						<div class="cap">工作总结PPT</div>
    						<div class="look" href="">点击查看></div>
    					</a>
    				</div>
    				<div class="pro_item">
    					<img src="images/pro-item (5).jpg">
    					<a class="mask" href='javascript:;'>
    						<div class="cap">精品无框画</div>
    						<div class="look" href="">点击查看></div>
    					</a>
    				</div>
    				<div class="pro_item">
    					<img src="images/pro-item (3).jpg">
    					<a class="mask" href='javascript:;'>
    						<div class="cap">震撼片头模板</div>
    						<div class="look" href="">点击查看></div>
    					</a>
    				</div>
    				<div class="pro_item">
    					<img src="images/pro-item (8).jpg">
    					<a class="mask" href='javascript:;'>
    						<div class="cap">十八届六中全会</div>
    						<div class="look" href="">点击查看></div>
    					</a>
    				</div>
    				<div class="pro_item">
    					<img src="images/pro-item (1).jpg">
    					<a class="mask" href='javascript:;'>
    						<div class="cap">淘宝双十一素材</div>
    						<div class="look" href="">点击查看></div>
    					</a>
    				</div>
    				<div class="pro_item">
    					<img src="images/pro-item (6).jpg">
    					<a class="mask" href='javascript:;'>
    						<div class="cap">颁奖晚会PPT</div>
    						<div class="look" href="">点击查看></div>
    					</a>
    				</div>
    			</div>
    		</section>
    	</div>
    </div>
</body>
</html>